<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>商品展示及评价页面</title>
    <link rel="stylesheet" href="css/reset.css" type="text/css"/>
    <link rel="stylesheet" href="css/main.css" type="text/css"/>
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/common.js"></script>
    <script src="js/personalFocus.js"></script>
</head>
<body class="grey">
    <div class="headerBar">
    <div class="topBar">
        <div class="comWidth clearFix">
            <div class="leftArea">
                <a href="#" class="collection">收藏商城</a>
            </div>
            <div class="rightArea">
                <a href="">欢迎来到XX商城网</a>
                <a href="login.html">[登录]</a>
                <a href="register.html">[免费注册]</a>
            </div>
        </div>
    </div><!--topBar结束-->
    <div class="logoBar">
        <div class="comWidth clearFix">
            <div class="logo fl">
                <a href="#"><img src="images/logo.png" alt="商城网"/></a>
            </div>
            <div class="search_box fl">
                <form action="" method="get">
                    <label><input type="text" class="search_text fl"/></label>
                    <input type="button" value="搜 索" class="search_btn fr"/>
                </form>
            </div>
            <div class="shopCar fr">
                <a href="shoppingCar.html">
                    <span class="shopText fl">购物车</span>
                </a>
                <span class="shopNum fl">2</span>
                <div class="shopCar_cont">
                    <form method="post" action="">
                        <div class="checkAll">
                            <input type="button" id="check_all" value="全　选" name="items"/>
                            <input type="button" id="check_no" value="全不选" name="items"/>
                        </div>
                        <div class="shopCar_list">
                            <ul>
                                <li>
                                    <label for="check1"></label>
                                    <input type="checkbox" checked="checked" id="check1" class="checkbox" name="items"/>
                                    <a href="shoppingCar.html"><img src="images/shopCar_list.png" alt="佳能60"/></a>
                                    <p>
                                        <a href="#">Canon 佳能 EOS 60D 单反套机(EFD-S 18-135IS) 1800万像素</a>
                                        <span class="price">￥; <i>4999.00</i></span>
                                    </p>
                                </li>
                                <li>
                                    <label for="check2"></label>
                                    <input type="checkbox" id="check2" class="checkbox" name="items"/>
                                    <a href="shoppingCar.html"><img src="images/shopCar_list_01.png" alt="佳能60"/></a>
                                    <p>
                                        <a href="#">Fujifilm 富士 FinePix JX710数码相机 粉色</a>
                                        <span class="price">￥; <i>349.00</i></span>
                                    </p>
                                </li>
                                <li>
                                    <label for="check3"></label>
                                    <input type="checkbox" id="check3" class="checkbox" name="items"/>
                                    <a href="shoppingCar.html"><img src="images/shopCar_list.png" alt="佳能60"/></a>
                                    <p>
                                        <a href="#">Canon 佳能 EOS 60D 单反套机(EFD-S 18-135IS) 1800万像素</a>
                                        <span class="price">￥; <i>4999.00</i></span>
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </form>
                    <div class="clearingBox">
                        <div class="clearingText clearFix">
                        <span class="clearingNum fl">
                            <i>已选</i><span class="number">1</span><i>件</i>
                        </span>
                        <span class="clearingPrice fr">
                            <span class="price">&yen; <i>4999.00</i></span>
                        </span>
                        </div>
                        <div class="goClearing">
                            <a href="shoppingCar.html">去结算</a>
                        </div>
                        <span id="shopCarClose">收起购物车</span>
                    </div>
                </div>
            </div>
        </div>
    </div><!--logoBar结束-->
    <div class="navBox">
        <div class="comWidth" style="position: relative;">
            <div class="shopClass fl">
                <h3>全部商品分类<i></i></h3>
            </div>
            <ul class="nav fl">
                <li class="nav_active"><a href="#">数码城</a></li>
                <li><a href="#">天黑黑</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">发现</a></li>
                <li><a href="#">二手特卖</a></li>
                <li><a href="#">名品会</a></li>
            </ul>
            <div class="shopClass_show">
                <dl class="shopClass_item">
                    <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
                    <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                    <ul>
                        <li>
                            <span class="shopClass_tit ">电脑整机</span>
                        <span>
                            <a href="#">超级本</a><a href="#">上网本</a><a href="#">笔记本</a>
                            <a href="#">平板电脑</a><a href="#">台式机</a>
                        </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">装机配件</span>
                         <span>
                             <a href="#">CPU</a><a href="#">硬盘</a><a href="#">SSD固态硬盘</a><a href="#">显示</a>
                             <a href="#">器智能显示器</a><a href="#">主板</a><a href="#">显卡</a><a href="#">机箱</a>
                             <a href="#">电源</a><a href="#">散热器</a><a href="#">刻录机/光驱</a><a href="#">声卡</a>
                             <a href="#">服务器配件</a><a href="#">拓展卡</a><a href="#">DIY小附件</a><a href="#">装机/配件安装</a>
                         </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">整机附件</span>
                         <span>
                             <a href="#">CPU</a><a href="#">硬盘</a><a href="#">SSD固态硬盘</a>
                             <a href="#">显示</a><a href="#">器智能显示器</a><a href="#">主板</a>
                             <a href="#">显卡</a><a href="#">机箱</a><a href="#">电源</a><a href="#">散热器</a>
                             <a href="#">显卡</a><a href="#">机箱</a><a href="#">电源</a><a href="#">散热器</a>
                             <a href="#">刻录机/光驱</a><a href="#">声卡</a><a href="#">服务器配件</a><a href="#">拓展卡</a>
                             <a href="#">DIY小附件</a><a href="#">装机/配件安装</a>
                             <a href="#">DIY小附件</a><a href="#">装机/配件安装</a>
                         </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">装机配件</span>
                         <span>
                             <a href="#">CPU</a><a href="#">硬盘</a><a href="#">SSD固态硬盘</a><a href="#">显示</a>
                             <a href="#">器智能显示器</a><a href="#">主板</a><a href="#">显卡</a><a href="#">机箱</a>
                             <a href="#">电源</a><a href="#">散热器</a><a href="#">刻录机/光驱</a><a href="#">声卡</a>
                             <a href="#">服务器配件</a><a href="#">拓展卡</a><a href="#">DIY小附件</a><a href="#">装机/配件安装</a>
                         </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">电脑整机</span>
                        <span>
                            <a href="#">超级本</a><a href="#">上网本</a><a href="#">笔记本</a>
                            <a href="#">平板电脑</a><a href="#">台式机</a>
                        </span>
                        </li>
                    </ul>
                </dl>
                <dl class="shopClass_item">
                    <dt><a href="#" class="b">电脑</a> <a href="#" class="b">硬件外设</a> <a href="#" class="aLink">装机宝</a></dt>
                    <dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
                    <ul>
                        <li>
                            <span class="shopClass_tit">手机品牌</span>
                        <span>
                            <a href="#">Apple/苹果</a><a href="#">Samsuan/三星</a><a href="#">HTC</a><a href="#">Huawei/华为</a><a href="#">Xiaomi/小米</a>
                            <a href="#">Oppo</a><a href="#">Colpad/酷派</a><a href="#">HTC</a><a href="#">Huawei/华为</a><a href="#">Xiaomi/小米</a>
                        </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">热销机型</span>
                         <span>
                             <a href="#">iPhone6s</a><a href="#">iPhone6s Plus</a><a href="#">华为Mate</a>
                             <a href="#">华为荣耀</a><a href="#">iPhone6s</a><a href="#">小米4</a>
                             <a href="#">iPhone6</a><a href="#">iPhone5s</a><a href="#">iPhone5</a>
                             <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                             <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                             <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                             <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                             <a href="#">华为畅玩</a><a href="#">红米</a><a href="#">OPPO R7</a>
                         </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">热销机型</span>
                         <span>
                             <a href="#">iPhone6s</a><a href="#">iPhone6s Plus</a><a href="#">华为Mate</a>
                             <a href="#">华为荣耀</a><a href="#">iPhone6s</a><a href="#">小米4</a>
                             <a href="#">华为畅玩</a><a href="#">红米</a><a href="#">OPPO R7</a>
                             <a href="#">iPhone6</a><a href="#">iPhone5s</a><a href="#">iPhone5</a>
                             <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                             <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                         </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">手机品牌</span>
                    <span>
                        <a href="#">Apple/苹果</a><a href="#">Samsuan/三星</a><a href="#">HTC</a><a href="#">Huawei/华为</a><a href="#">Xiaomi/小米</a>
                        <a href="#">Oppo</a><a href="#">Colpad/酷派</a><a href="#">HTC</a><a href="#">Huawei/华为</a><a href="#">Xiaomi/小米</a>
                    </span>
                        </li>
                    </ul>
                </dl>
                <dl class="shopClass_item">
                    <dt><a href="#" class="b">大家电</a></dt>
                    <dd><a href="#">电视</a> <a href="#">空调</a> <a href="#">冰箱</a> <a href="#">洗衣机</a></dd>
                    <ul>
                        <li>
                            <span class="shopClass_tit">家电品牌</span>
                        <span>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                            <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">热销机型</span>
                         <span>
                             <a href="#">iPhone6s</a><a href="#">iPhone6s Plus</a><a href="#">华为Mate</a>
                             <a href="#">华为荣耀</a><a href="#">iPhone6s</a><a href="#">小米4</a>
                             <a href="#">华为畅玩</a><a href="#">红米</a><a href="#">OPPO R7</a>
                             <a href="#">iPhone6</a><a href="#">iPhone5s</a><a href="#">iPhone5</a>
                             <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                             <a href="#">iPhone4s</a><a href="#">三星Galaxy6</a><a href="#">三星Galaxy6A</a>
                         </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">家电品牌</span>
                        <span>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                            <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        </span>
                        </li>
                    </ul>
                </dl>
                <dl class="shopClass_item">
                    <dt><a href="#" class="b">厨房电器</a> <a href="#" class="b">生活电器</a></dt>
                    <dd><a href="#">电饭煲</a> <a href="#">微波炉</a> <a href="#">取暖设备</a></dd>
                    <ul>
                        <li>
                            <span class="shopClass_tit">食品/饮料</span>
                        <span>
                            <a href="#">鱼干</a><a href="#">牛肉干</a><a href="#">豆腐干</a>
                            <a href="#">泡椒凤爪</a><a href="#">方便面</a><a href="#">猪蹄</a>
                            <a href="#">奥利奥</a><a href="#">熊仔比</a><a href="#">饼干</a>
                            <a href="#">牛奶</a><a href="#">酸奶</a><a href="#">甜牛奶</a>
                            <a href="#">雪碧</a><a href="#">可乐</a><a href="#">纯牛奶</a>
                            <a href="#">旺仔牛奶</a><a href="#">旺仔小馒头</a><a href="#">大白兔奶糖</a>
                            <a href="#">蛋糕</a><a href="#">炼乳</a><a href="#">乳酪</a>
                            <a href="#">面包</a><a href="#">吐司</a><a href="#">寿司</a>
                            <a href="#">大枣</a><a href="#">红米</a><a href="#">海苔</a>
                        </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">品牌</span>
                        <span>
                            <a href="#">富士</a><a href="#">冬冬</a><a href="#">乡巴佬</a>
                            <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                            <a href="#">统一</a><a href="#">老干妈</a><a href="#">华为Mate</a>
                            <a href="#">健力宝</a><a href="#">奥利奥</a><a href="#">香飘飘</a>
                            <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                            <a href="#">王老吉</a><a href="#">大桥</a><a href="#">秋田小町</a>
                            <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                        </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">食品/饮料</span>
                        <span>
                            <a href="#">鱼干</a><a href="#">牛肉干</a><a href="#">豆腐干</a>
                            <a href="#">泡椒凤爪</a><a href="#">方便面</a><a href="#">猪蹄</a>
                            <a href="#">奥利奥</a><a href="#">熊仔比</a><a href="#">饼干</a>
                            <a href="#">牛奶</a><a href="#">酸奶</a><a href="#">甜牛奶</a>
                            <a href="#">雪碧</a><a href="#">可乐</a><a href="#">纯牛奶</a>
                            <a href="#">旺仔牛奶</a><a href="#">旺仔小馒头</a><a href="#">大白兔奶糖</a>
                            <a href="#">蛋糕</a><a href="#">炼乳</a><a href="#">乳酪</a>
                            <a href="#">面包</a><a href="#">吐司</a><a href="#">寿司</a>
                            <a href="#">大枣</a><a href="#">红米</a><a href="#">海苔</a>
                        </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">品牌</span>
                        <span>
                            <a href="#">富士</a><a href="#">冬冬</a><a href="#">乡巴佬</a>
                            <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                            <a href="#">统一</a><a href="#">老干妈</a><a href="#">华为Mate</a>
                            <a href="#">健力宝</a><a href="#">奥利奥</a><a href="#">香飘飘</a>
                            <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                            <a href="#">王老吉</a><a href="#">大桥</a><a href="#">秋田小町</a>
                            <a href="#">康师傅</a><a href="#">百事</a><a href="#">小米</a>
                        </span>
                        </li>
                    </ul>
                </dl>
                <dl class="shopClass_item">
                    <dt><a href="#" class="b">食品/饮料/生鲜</a> <a href="#" class="aLink">粮 油</a></dt>
                    <dd><a href="#">进口</a> <a href="#">方便面</a> <a href="#">零食</a> <a href="#">保健</a></dd>
                    <ul>
                        <li>
                            <span class="shopClass_tit">厨房电器</span>
                        <span>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                            <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">品牌</span>
                        <span>
                            <a href="#">华为荣耀</a><a href="#">iPhone6s</a><a href="#">小米4</a>
                            <a href="#">iPhone6s</a><a href="#">iPhone6s Plus</a><a href="#">华为Mate</a>
                            <a href="#">华为荣耀</a><a href="#">iPhone6s</a><a href="#">小米4</a>
                            <a href="#">iPhone6</a><a href="#">iPhone5s</a><a href="#">iPhone5</a>
                            <a href="#">华为畅玩</a><a href="#">红米</a><a href="#">OPPO R7</a>
                            <a href="#">华为畅玩</a><a href="#">红米</a><a href="#">OPPO R7</a>
                        </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">厨房电器</span>
                        <span>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                            <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        </span>
                        </li>
                        <li>
                            <span class="shopClass_tit">厨房电器</span>
                        <span>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海尔</a><a href="#">美的</a><a href="#">格力</a><a href="#">小天鹅</a><a href="#">容声</a>
                            <a href="#">方太</a><a href="#">飞利浦</a><a href="#">科隆</a><a href="#">奥克斯</a><a href="#">老板</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                            <a href="#">海信</a><a href="#">长虹</a><a href="#">创维</a><a href="#">乐视</a><a href="#">小天鹅</a><a href="#">格力</a>
                        </span>
                        </li>
                    </ul>
                </dl>
            </div> <!--商品分类结束-->
        </div>
    </div>  <!--导航结束-->
</div>
    <!--面包屑导航-->
    <div class="userPosition comWidth">
        <strong><a href="#">首页</a></strong>
        <span>&gt;</span>
        <a href="#">平板电脑</a>
        <span>&gt;</span>
        <a href="#">Apple 苹果 </a>
        <span>&gt;</span>
        <em> MD531CH/A</em>
    </div>
    <div class="description_info comWidth">
        <div class="description clearFix">
            <!--左侧商品图片展示区域-->
            <div class="leftArea">
                <div class="description_img">
                    <div class="bigImg">
                        <img src="images/description_img_big_01.png" alt=""/>
                        <img src="images/description_img_big_02.png" alt="" class="hide"/>
                        <img src="images/description_img_big_03.png" alt="" class="hide"/>
                        <img src="images/description_img_big_04.png" alt="" class="hide"/>
                        <img src="images/description_img_big_05.png" alt="" class="hide"/>
                    </div>
                    <ul class="smallImg">
                        <li><a href="#"><img src="images/description_img_small_01.png" alt="" class="active"/></a></li>
                        <li><a href="#"><img src="images/description_img_small_02.png" alt=""/></a></li>
                        <li><a href="#"><img src="images/description_img_small_03.png" alt=""/></a></li>
                        <li><a href="#"><img src="images/description_img_small_04.png" alt=""/></a></li>
                        <li><a href="#"><img src="images/description_img_small_05.png" alt=""/></a></li>
                    </ul>
                </div>
            </div>
            <!--商品详情区域-->
            <div class="rightArea">
                <div class="des_content">
                    <h3 class="des_content_title">全网底价 Apple 苹果 iPad mini 16G wifi版 平板电脑 前白后银 MD531CH/A 银白两色生
                        产批次不同混合发货
                    </h3>
                    <!--商品价格区域-->
                    <div class="dl clearFix">
                        <div class="dt">惊爆价</div>
                        <div class="dd"><span class="des_price"><em>￥</em>1999.99</span></div>
                    </div>
                    <div class="dl clearFix">
                        <div class="dt">优惠</div>
                        <div class="dd"><span class="hg"><i class="hg_icon">满换购</i>购Ipad加价优惠够配件或USB充电插座</span></div>
                    </div>

                    <div class="des_position">
                        <!--送货地址区域-->
                        <div class="dl clearFix">
                            <div class="dt">送到</div>
                            <div class="dd clearFix">
                                <div class="select">
                                    <h3>昆明</h3>
                                    <span></span>
                                    <ul class="show_select">
                                        <li>昆明</li>
                                        <li>呈贡</li>
                                        <li>玉溪</li>
                                        <li>曲靖</li>
                                        <li>大理</li>
                                        <li>红河</li>
                                        <li>文山</li>
                                    </ul>
                                </div>
                                <span class="theGoods">有货，可当日出货</span>
                            </div>
                        </div>
                        <!--选择颜色-->
                        <div class="dl clearFix">
                            <div class="dt colorSelector">选择颜色</div>
                            <div class="dd clearFix">
                                <div class="des_item des_item_active">
                                    白色
                                </div>
                                <div class="des_item">
                                    灰色
                                </div>
                                <div class="des_item">
                                    黑色
                                </div>
                            </div>
                        </div>
                        <!--选择规格-->
                        <div class="dl clearFix">
                            <div class="dt des_select_more">选择规格</div>
                            <div class="dd clearFix">
                                <div class="des_item des_item_sm">
                                    WIFI 16G
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI324G
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI 64G
                                </div>
                                <div class="des_item des_item_sm des_item_active">
                                    WIFI Cellular 16G
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI Cellular 32G
                                </div>
                                <div class="des_item des_item_sm">
                                    WIFI Cellular 64G
                                </div>
                            </div>
                        </div>
                        <!--选择商品数量-->
                        <div class="dl">
                            <div class="dt number">数量</div>
                            <div class="dd clearFix">
                                <div class="des_number">
                                    <input class="reduction" type="button" value="-">
                                    <div class="des_input">
                                        <input type="text" value="1" id="num"/>
                                    </div>
                                    <input class="plus" type="button" value="+">
                                </div>
                                <span class="quota">已选: <em id="quota">9</em> 件</span>
                                <span class="quota">总价：<em id="total">1999.99</em> 元</span>
                            </div>
                        </div>
                    </div>
                    <!--已选择-->
                    <div class="des_select">
                        已选择“<span class="color">白色</span>|<span class="memory">WIFI Cellular 16G</span>”
                    </div>
                    <div class="shop_buy">
                        <a href="#" class="shopping_btn"></a>
                        <span class="line"></span>
                        <a href="#" class="buy_btn"></a>
                    </div>
                    <div class="notice">
                        注意：此商品可提供普通发票，不提供增值税发票。
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="hr_15"></div>
    <!--商品推荐-->
    <div class="des_info comWidth clearFix">
        <div class="leftArea">
            <div class="recommend">
                <div class="title">
                    同价位
                </div>
                <div class="item"><!--直接把产品展示页面的.item拿过来用-->
                    <div class="item_content">
                        <div class="img_item">
                            <a href="#"><img src="images/products/products_01.jpg" alt=""></a>
                        </div>
                        <p><a href="#">Canon 佳能 IXUS 132 数码相机 粉色 1600万像素</a></p>
                        <p class="price">¥ 699.00</p>
                    </div>
                </div>
                <div class="item">
                    <div class="item_content">
                        <div class="img_item">
                            <a href="#"><img src="images/products/products_05.jpg" alt=""/></a>
                        </div>
                        <p><a href="#">Sony 索尼 DSC-TX66 数码相机 粉色</a></p>
                        <p class="price">&yen; 999.00</p>
                    </div>
                </div>
                <div class="item">
                    <div class="item_content">
                        <div class="img_item">
                            <a href="#"><img src="images/products/products_06.jpg" alt=""/></a>
                        </div>
                        <p><a href="#">Canon 佳能 LEGRAHFR506 白色 1600万像素</a></p>
                        <p class="price">&yen; 2799.00</p>
                    </div>
                </div>
                <div class="item">
                    <div class="item_content">
                        <div class="img_item">
                            <a href="#"><img src="images/products/products_08.jpg" alt=""/></a>
                        </div>
                        <p><a href="#">Sony 索尼 NEX-3NL 16-50mm 单变焦镜头套装 粉色</a></p>
                        <p class="price">&yen; 2430.00</p>
                    </div>
                </div>
            </div>
            <div class="hr_15"></div>
            <div class="recommend">
                <div class="title">
                    看了最终买
                </div>
                <div class="item">
                    <div class="item_content">
                        <div class="img_item">
                            <a href="#"><img src="images/products/products_07.jpg" alt=""/></a>
                        </div>
                        <p><a href="#">Samsung 三星 Galaxy Tab3 3G版 17英寸平板电脑</a></p>
                        <p class="price">&yen; 1698.00</p>
                    </div>
                </div>
                <div class="item">
                    <div class="item_content">
                        <div class="img_item">
                            <a href="#"><img src="images/products/products_12.jpg" alt=""/></a>
                        </div>
                        <p><a href="#">YouWin 天亿 四核手机平板 7英寸 IPS全贴</a></p>
                        <p class="price">&yen; 799.00</p>
                    </div>
                </div>
                <div class="item">
                    <div class="item_content">
                        <div class="img_item">
                            <a href="#"><img src="images/products/products_10.jpg" alt=""/></a>
                        </div>
                        <p><a href="#">APPLE 苹果 IPod touch4 32G 白色 多媒体播放</a></p>
                        <p class="price">&yen; 1359.00</p>
                    </div>
                </div>
            </div>
        </div>
        <!--右侧商品评价介绍-->
        <div class="rightArea">
            <div class="des_infoContent">
                <ul class="des_title">
                    <li class="active"><span class="introduction">产品介绍</span></li>
                    <li><span class="evaluate">商品评价(1351)</span></li>
                </ul>
                <div class="ad"><a href="#"><img src="images/ad.jpg" alt=""/></a></div>
                <div class="info_text">
                    <div class="info_title">
                        <h3>强烈推荐</h3>
                        <h4>货 比 三 家，还选</h4>
                    </div>
                    <p>
                        现在就是买mini的好时候！换代清仓直降，但苹果品质不变！A5双核，内置Lightning闪电接口，正反可插，
                        方便人性。小身材，炫丽的7.9英寸显示屏，7.2mm的厚度，薄如铅笔。女生包包随身携带更时尚！facetime
                        视频通话，与密友24小时畅聊不断线。微信倾力打造，你的智能助理。苹果的牌子就不用我说了，1111补仓，
                        存货不多哦！
                    </p>
                    <div class="hr_45"></div>
                </div>
                <div class="info_text">
                    <div class="info_title">
                        <h3>精美图片</h3>
                    </div>
                    <p>
                        苹果iPad7.9 英寸显示屏可带来新的iPad体验，绚丽的显示屏，在每一寸画面中呈现灵动鲜活的美妙影像。
                        苹果miniMD528CH/A采用500 万像素 iSight 摄像头，清晰记录每一次的幸福。
                    </p>
                    <div class="hr_45"></div>
                    <img src="images/pad.jpg" alt=""/>
                    <div class="hr_45"></div>
                </div>
            </div>
            <div class="hr_15"></div>
            <!--商品评价-->
            <div class="des_infoContent">
                <h3 class="shopDes_title">
                    商品评价
                </h3>
                <div class="score_box clearFix">
                    <div class="score">
                        <span>4.7</span><em>分</em>
                    </div>
                    <div class="score_speed">
                        <ul class="score_speed_text">
                            <li class="speed_01">非常不满意</li>
                            <li class="speed_02">不满意</li>
                            <li class="speed_03">一般</li>
                            <li class="speed_04">满意</li>
                            <li class="speed_05">非常满意</li>
                        </ul>
                        <div class="score_num">
                            4.7
                            <i></i>
                        </div>
                        <p>共18939位网友参与评分</p>
                    </div>
                </div>
                <!--满意度切换-->
                <div class="review_tab">
                    <ul class="review_tit">
                        <li><a href="#" class="active">全部</a></li>
                        <li><a href="#">满意（1564)</a></li>
                        <li><a href="#">一般（568)</a></li>
                        <li><a href="#">不满意(121)</a></li>
                    </ul>
                    <div class="review_sort">
                        <a class="review_time" href="#">时间排序</a>
                        <a class="review_recommend" href="#">推荐排序</a>
                    </div>
                </div>
                <!--评论详情-->
                <div class="review_listBox">
                    <div class="review_list clearFix">
                        <div class="review_userHead fl">
                            <div class="review_user">
                                <img src="images/icon/user_head01.gif" alt=""/>
                                <p>61***56</p>
                                <p>黄金会员</p>
                            </div>
                        </div>
                        <div class="review_content">
                            <div class="review_t clearFix">
                                <div class="starBox fl">
                                    <span class="star"></span>
                                    <span class="star"></span>
                                    <span class="star"></span>
                                    <span class="star"></span>
                                    <span class="star"></span>
                                </div>
                                <span class="star_text fl">5分 满意</span>
                                <span class="fr">2014-03-07 17:36:44</span>
                            </div>
                            <p> 挺不错的商家，下次还来 挺不错的商家，下次还来 挺不错的商家，
                                下次还来 挺不错的商家，下次还来 挺不错的商家，下次还来 挺不
                                错的商家，下次还来挺不错的商家，下次还来</p>
                            <p>
                                <a href="#" class="up">顶（0）</a>
                                <a href="#" class="down">踩（0）</a>
                            </p>
                        </div>
                    </div>
                    <div class="review_list clearFix">
                        <div class="review_userHead fl">
                            <div class="review_user">
                                <img src="images/icon/user_head02.gif" alt=""/>
                                <p>31***27</p>
                                <p>银色会员</p>
                            </div>
                        </div>
                        <div class="review_content">
                            <div class="review_t clearFix">
                                <div class="starBox fl">
                                    <span class="star"></span>
                                    <span class="star"></span>
                                    <span class="star"></span>
                                    <span class="star"></span>
                                    <span class="star"></span>
                                </div>
                                <span class="star_text fl">5分 满意</span>
                                <span class="fr">2014-03-07 17:36:44</span>
                            </div>
                            <p> 挺不错的商家，下次还来 挺不错的商家，下次还来 挺不错的商家，
                                下次还来 挺不错的商家，下次还来 挺不错的商家，下次还来 挺不
                                错的商家，下次还来挺不错的商家，下次还来</p>
                            <p>
                                <a href="#" class="up">顶（0）</a>
                                <a href="#" class="down">踩（0）</a>
                            </p>
                        </div>
                        <div class="hr_25"></div>
                        <div class="page">
                            <span class="back"><a href="#">上一页</a></span>
                            <a href="#" class="active">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">4</a>
                            <a href="#">5</a>
                            <a href="#">6</a>
                            <span class="ellipsis">...</span>
                            <a href="#">26</a>
                            <span class="next"><a href="#">下一页</a></span>
                            <span class="morePage">共56页，到 第</span>
                            <input type="text" class="pageNum">
                            <span class="pt">页</span>
                            <input type="button" value="确定" class="page_btn">
                        </div>
                    </div>
                </div>
            </div>

            <div class="hr_15"></div>
            <!--全部咨询-->
            <div class="des_infoContent">
                <div class="consult_tit clearFix">
                    <div class="consult_titLeft fl"><a href="#" class="active">全部咨询(506)</a></div>
                    <div class="consult_titLeft_middle fl"></div>
                    <div class="consult_titRight fl"><a href="#" class="fr">发表咨询</a></div>
                </div>
                <div class="notice">
                    <p>提示:因厂家更改产品包装、产地或者更换随机附件等没有任何提前通知，
                        且每位咨询者购买情况、提问 时间等不同，为此以下回复信息仅供参考！
                        若由此给您带来不便请多多谅解，谢谢！
                    </p>
                </div>
                <!--咨询详情-->
                <div class="review_listBox">
                    <div class="review_list clearFix">
                        <div class="review_userHead fl">
                            <div class="review_user">
                                <img src="images/icon/user_head03.png" alt=""/>
                                <p>12***20</p>
                                <p>土星会员</p>
                            </div>
                        </div>
                        <div class="review_content">
                            <div class="review_t clearFix">
                                <span class="star_text fl">[商品咨询]</span>
                                <span class="fr">2014-03-07 17:36:44</span>
                            </div>
                            <p> 你好，还能再便宜点吗？</p>
                            <div class="serviceBox">
                                <i></i>
                                <p class="service">
                                    客服回复：您好，现在已经是活动价格了
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="review_list clearFix">
                        <div class="review_userHead fl">
                            <div class="review_user">
                                <img src="images/icon/user_head03.png" alt=""/>
                                <p>11***27</p>
                                <p>土星会员</p>
                            </div>
                        </div>
                        <div class="review_content">
                            <div class="review_t clearFix">
                                <span class="star_text fl">[商品咨询]</span>
                                <span class="fr">2014-03-07 17:36:44</span>
                            </div>
                            <p> 价格还有商量的余地么？</p>
                            <div class="serviceBox">
                                <i></i>
                                <p class="service">
                                    客服回复：您好，现在已经是活动价格了 您好，现在已经是活动价格了
                                    您好，现在已经是活动价格了您好，现在已经是活动价格了您好，现在已
                                    经是活动价格了您好，现在已经是活动价格了您好，现在已经是活动价格
                                    了您好，现在已经是活动价格了您好，现在已经是活动价格了您好，现在
                                    已经是活动价格了
                                </p>
                            </div>
                        </div>
                        <div class="hr_25"></div>
                        <div class="page">
                            <a href="#">上一页</a>
                            <a href="#" class="active">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">4</a>
                            <span class="ellipsis">...</span>
                            <a href="#">16</a>
                            <a href="#">下一页</a>
                            <span class="morePage">共16页，到 第</span>
                            <input type="text" class="pageNum">
                            <span class="pt">页</span>
                            <input type="button" value="确定" class="page_btn">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--返回顶部-->
    <div class="backTop_box">
        <a href="#top"><div class="arrow"></div>返回顶部</a>
    </div>
    <div class="hr_25"></div>
    <div class="footer">
        <p>
            <a href="#">商城简介</a>
            <i>|</i>
            <a href="#">商城公告</a>
            <i>|</i>
            <a href="#">招纳贤士</a>
            <i>|</i>
            <a href="#">联系我们</a>
            <i>|</i>
            <a href="#">客服热线：400-675-1234 </a>
        </p>
        <p>
            Copyright &copy; 2006 - 2014 商城版权所有&nbsp;&nbsp;&nbsp;
            云ICP备09037834号&nbsp;&nbsp;&nbsp;
            云ICP证B1034-8373号&nbsp;&nbsp;&nbsp;
            某市公安局XX分局备案编号：123456789123
        </p>
        <p class="footerLogo">
            <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
            <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
            <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
            <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        </p>
    </div>
</body>
</html>